<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
	<title>{% block title %}Say Hello!{%endblock%}</title>
	<link rel="stylesheet" href="{{ url_for('static',filename='css/bootstrap.min.css')}}" type="text/css">

</head>
<body>
	<main class="container">
		<header>
			<h1 class="text-center display-4">
				<a href="{{ url_for('index') }}" class="text-success"><strong>Say Hello</strong></a>
				<samll style="font-size:24px" class='text-muted'>to the world</samll>
			</h1>
		</header>
		{% for message in get_flashed_messages() %}
		<div class="alert alert-info">
			<button type="button" class="close" data-dismiss="alert">&times;</button>
			{{message}}
		</div>
		{% endfor %}
		{% block content %}{% endblock %}
		<footer class="text-center">
			{% block footer%}
			<p><a id="bottom" href="#" title="GO top">&uarr;</a></p>
			{% endblock %}
		</footer>
	</main>
{{ bootstrap.load_js() }}
{{ moment.include_moment(local_js=url_for('static',filename='js/moment-with-locales.js'))}}
{{moment.locale('zh-cn')}}

</body>

</html>